<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <base href="${ctx}/">
    <%@include file="WEB-INF/common/meta.jsp" %>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>2018届高校毕业研究生（硕士、博士）双向选择大会</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/style.css"/>
    <style>
        .help-block {
            color: #c12c20;
        }
        span{color:#c12c20;}
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?5fc5b86b2fc98940f99c283c245774d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body>
<div><img style="display:block;margin-left:auto;margin-right:auto;background-size: cover;width: 980px;" src="${ctx}/images/index_01.gif" /></div>
<!-- ImageReady Slices (index.psd) -->
<table width="980" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">
    <tr>
        <td><img src="${ctx}/images/index_02.gif" width="980" height="59" style="margin-left:auto; margin-right:auto;">
        </td>
    </tr>
    <tr>
        <td valign="top" bgcolor="#FFFFFF" align="center">
            <div class="main">
                <P style="margin:0px 0px 30px 100px;text-align:left"><img src="${ctx}/images/01.gif"/></P>
                <form action="${ctx}/step2" method="post" id="step1">
                    <input type="hidden" name="id" value="0"/>
                    <P>单位名称：
                        <input type="text" name="name" id="name" class="inp" placeholder="“请填写与营业执照一致的信息”"/><span>*</span>
                    </P>
                    <span class="name_span"></span>
                    <P>联系电话：
                        <input type="tel" name="tel" id="tel" class="inp" placeholder="“请填写手机号码”"/><span>*</span>
                    </P>
                    <span class="tel_span"></span>
                    <p>座机号码：
                        <input type="text" name="fax" id="fax" class="inp" placeholder="“请填写座机号码”"/><span>*</span>
                    </p>
                    <span class="fax_span"></span>

                    <P>电子邮箱：
                        <input type="email" name="email" id="email" class="inp"/><span>*</span>
                    </P>
                    <span class="email_span"></span>

                    <P>单位地址：
                        <input type="text" name="address" id="address" class="inp" placeholder="“请填写与营业执照一致的信息”"/><span>*</span>
                    </P>
                    <span class="address_span"></span>
                    <P>邮政编码：
                        <input type="text" name="post" id="post" class="inp"/><span>*</span>
                    </P>
                    <span class="post_span"></span>
                    <P>
                        <label style="margin-left: -55px">统一社会信用代码：</label>
                        <input type="text" name="organization" id="organization" class="inp"/><span>*</span>
                    </P>
                    <p align="center"><input type="submit" class="btn" value="保存并下一步"/><span>* 为必填项</span></p>
                </form>
            </div>
        </td>
    </tr>
    <tr>
    <td style="background:url(${ctx}/images/index_04.gif) no-repeat #F5F5F5">

        <div id="footer">
            <div class="left">
                <a href="http://www.91student.com/" target="_blank"><img
                        src="images/91student_logo1.gif" alt="中国研究生人才网" border="0"/></a>
            </div>
            <div class="right">2001-
                <script type="text/javascript">
                    var date = new Date();
                    var yy = date.getYear();
                    var year = (yy < 1000) ? yy + 1900 : yy;
                    year += 0;
                    document.write(year);
                </script>
                &nbsp;&copy;&nbsp;中国研究生人才网版权所有 未经中国研究生人才网书面同意，本站所有内容、信息不得转载。<br/> 访问浏览本网站，建议使用Internet Explorer
                6.0及其以上版本浏览器。
            </div>
        </div>

    </td>
</tr>
</table>
<!-- End ImageReady Slices -->
<script src="${ctx}/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/js/jquery.validate.message_zh.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#step1").validate({
            errorElement: 'div',
            errorClass: 'help-block',
            rules: {
                name: {
                    required: true,
                    minlength: 6,
                    maxlength: 40,
                    stringCheckForChina: true
                },
                tel: {
                    required: true,
                    mobile: true
                },
                fax: {
                    required: true,
                    phone: true
                },
                email: {
                    required: true,
                    email: true
                },
                address: {
                    required: true,
                    minlength: 6,
                    maxlength: 40,
                    stringCheckForChina: true
                },
                post: {
                    required: true,
                    isZipCode: true
                },
                organization: {
                    required: true,
                    stringCheckForOrganization: true
                }
            },
            messages:{
                name: {
                    required: "请输入单位名称"
                },
                tel: {
                    required: "请输入联系电话"
                },
                fax: {
                    required: "请输入座机号码"
                },
                email: {
                    required: "请输入电子邮箱"
                },
                address: {
                    required: "请输入单位地址"
                },
                post: {
                    required: "请输入邮政编码"
                },
                organization: {
                    required: "请输入信用代码"
                }
            },
            //自定义错误消息放到哪里
            errorPlacement: function (error, element) {
                element.closest('P').append(error);//显示错误消息提示
            },
        })
    })
</script>
</body>

</html>